<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<div id="mainBody">
	<div class="container">
		<div class="row">
			<!-- Sidebar ================================================== -->
			<br />
			<div id="sidebar" class="span3">
				<ul class="nav nav-pills nav-stacked">
					<li class="nav-header">
						<h5>
							<b>Category</b>
						</h5>
					</li>
					<c:if test="${!empty listcategory }">
						<c:forEach items="${listcategory}" var="category">
							<li><a
								href="index-shop?shopid=${category.shop.id}&catid=${category.id}">${category.name
									}</a></li>
						</c:forEach>
					</c:if>
				</ul>
				<br />
			</div>
			<!-- Sidebar end=============================================== -->
			<div class="span9">
				<ul class="breadcrumb">
					<li><a href="index.html">Home</a><span class="divider">/</span></li>
					<li><a href="products.html">Products</a><span class="divider">/</span></li>
					<li class="active">product Details</li>
				</ul>
				<div class="row">
					<div id="gallery" class="span3">
						<img
							style="height: auto; width: auto; max-width: 200px; max-height: 250px; min-height: 250px; min-width: 200px"
							src="${product.picture }" style="width:100%" />
					</div>
					<div class="span6">
						<h3>${product.name }</h3>
						<span class="label label-info"> <c:choose>
								<c:when test="${product.kind ==1 }">New Product</c:when>
								<c:when test="${product.kind ==2 }">Feature Product</c:when>
							</c:choose>
						</span>
						<hr class="soft" />
						<form class="form-horizontal qtyFrm" action="addcartquantity">
							<div class="control-group">
								<label class="btn btn-primary"><span><b>$
											${product.price}</b></span></label>
								<input type="hidden" name="id" value="${product.id}">
								<div class="controls">
									Quantity : <input type="number" name="quantity" class="span1" placeholder="1"
										value="1" min="0" />
									<button type="submit"
										class="btn btn-large btn-primary pull-right">
										Add to cart <i class=" icon-shopping-cart"></i>
									</button>
								</div>
							</div>
						</form>

						<hr class="soft clr" />
						<br />
						<p>${product.description }</p>
						<br class="clr" /> <a href="#" name="detail"></a>
						<hr class="soft" />
					</div>
				</div>
			</div>
		</div>
	</div>
</div>